<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<script>
var contador = 0;

ID=window.setTimeout("Actualizar();",1000);

function Estado(est){
	 window.returnValue = est;
// 	 alert("Retorna " + window.returnValue);
     window.close();
}

   function Ajax(){
      var obj = false;   //Es el Ajax
        try{
        obj= new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e){
            try {
            obj= new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e){
               obj=false;
              }
         }
        if (!obj && typeof XMLHttpRequest!='undefined'){
                obj= new XMLHttpRequest();
         }

        return obj;
    }
    function Enviar(estado) {
        var obj = Ajax();
        obj.onreadystatechange = function () {
            if ( obj.readyState == 4 && (obj.status == 200 || window.location.href.indexOf ("http")==- 1)) {
            	Estado(estado);
//              		alert(obj.responseText);
//                  document.getElementById("reloj").innerHTML = obj.responseText;//Captura la respuesta del Servlet y lo envia el <div>
            } else {
                //procesando...
            }
        };
        //obj.open("GET", "Servlet_Hola?nombre=" + document.getElementById("nombre").value , true);
//         obj.open("GET", "servletTimeOut" , true);
        obj.open("POST", "servletTimeOut?estado=" + estado , true);
        obj.send(null);

        return (true);
    }

function Actualizar() {
   contador ++;
   if(contador%20==0){
       	Enviar("inactivo");
    }
    document.getElementById("reloj").innerHTML = "Se Cerrar&aacute; en: " + (20-contador);
    ID=window.setTimeout("Actualizar();",1000); 
}
    </script>
    <div id="reloj" ></div>
    <body onload="Actualizar();"> 
        <input type="button" value="Reiniciar Sesis&oacute;n" align="middle" onclick="Enviar('activo');">
        <input type="button" value="Cerrar Sesi&oacute;n" align="middle" onclick="Enviar('inactivo');">
    </body>
</html>